body {
    background-image: url("../images/background.png");
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}
.main-frame {
    text-align: center; /*让div内部文字居中*/
    /*background-color: #fff;*/
    border-radius: 20px;
    width: 600px;
    height: 350px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*这个用来展示透明效果，不然的话如果直接对原面板透明化的话，控件也一起透明化了。*/
.main-frame-opacity {
    text-align: center; /*让div内部文字居中*/
    background-color: #fff;
    border-radius: 20px;
    width: 600px;
    height: 350px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}
/*不会吧？不会吧？不会真的有人写CSS不打注释吧？不打注释的都是什么心态啊？！*/
#textarea-style {
    width: 350px;
    height: 43px;
    font-family: "Microsoft YaHei UI";
    border-radius: 3px;
    text-align: left;
    font-size: 19px;
}
#button-style {
    width: 350px;
    height: 43px;
    font-family: "Microsoft YaHei UI";
    color: white;
    background-color: red;
    border-radius: 3px;
    font-size: 19px;
}
#menubutton-style {
    width: 350px;
    height: 43px;
    font-family: "Microsoft YaHei UI";
    color: white;
    background-color: darkorange;
    border-radius: 3px;
    font-size: 19px;
}
.page-bottom {
    width: 98%;
    height: 45px;
    /*background-color: darkturquoise;*/
    position: absolute;
    bottom: 0;
    color: black;
}
.title-frame {
    text-align: center; /*让div内部文字居中*/
    /*background-color: #fff;*/
    border-radius: 20px;
    font-family: "Adobe 黑体 Std R";
    font-size: 40px;
    width: 600px;
    height: 150px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 500px;
}